/* 插件配置页 */
.td-style p {
  margin-left: 1.7em;
  margin-right: 1.7em;
  display: flex;
  justify-content: space-between;
}

.td-style p > * {
  width: 25%;
}

.td-style p label,
ul.meta-rlt {
  display: flex;
}

.td-style p label:hover {
  background-color: #b0cdee;
}

.btn.meta-btn {
  display: inline-block;
  color: #1d4c7d;
  background: #e0e1e2;
  padding: 5px;
  line-height: 1;
  margin-left: .3em;
  cursor: pointer;
}

.btn.gray.meta-btn {
  background: #e0e1e2;
  color: #333333;
}

.btn.gray.meta-btn:hover {
  background: #b0cdee;
  text-decoration: none;
  color: black;
}

ul.meta-rlt {
  padding-right: 210px;
}

ul.meta-rlt.flash li {
  /* transform: rotateY(180deg); */
  font-size: 1.7em;
  color: #ff0000;
}

.meta-tip-warn {
  color: #ff0000;
}

.meta-tip-empty {
  color: #1d4c7d;
}

/* 前台 */

.CustomMeta-View.is-flex {
  display: flex;
}

/* equally divided: 等分 */

.CustomMeta-View.is-divided {
  /* wrap: （使文字）换行 */
  flex-wrap: wrap;
}

.CustomMeta-View.is-divided p {
  /* 三列既 1/3，换成百分比表示 */
  /* width: 33.33%; */
  /* 两列同理 */
  /* width: 50%; */
  /* 四等分 */
  width: 25%;
}

/* Equal spacing: 等间距 */

.CustomMeta-View.is-spacing {
  justify-content: space-around;
  /* justify-content: space-evenly; */
}
